@import './variables.scss';

// el-input样式
::v-deep .el-input__inner,
::v-deep .el-textarea__inner,
::v-deep .el-tree,
::v-deep .is-disabled .el-input__inner,
::v-deep .el-date-editor .el-range-input,
::v-deep .el-tree .el-checkbox__input .el-checkbox__inner,
::v-deep .el-textarea .el-textarea__inner {
  background-color: transparent;
  // color: #fff;
  border-radius: 0;
  border-color: $inputBorderColor;
  color: #fffff0;
}

// el-tree样式 by author zh
::v-deep .el-tree {
  // background-color: #023D50 !important;
  color: #f0f4f9;
  font-weight: 500;
  height: 100%;
  overflow-y: auto;
  width: 100%;
  // scrollbar-width: none;
}

/* 树状背景色 */
::v-deep .el-tree-node__content:hover {
  background-color: #00485a !important;
}

::v-deep .el-tree-node .el-tree-node__content {
  background-color: #00485a !important;
  // margin-top: 10px;
  line-height: 26px;
  height: 26px;
  padding: 16px 0px;
}

::v-deep .el-tree-node__children .el-tree-node__content {
  margin-left: 10%;
  width: 90%;
  background-color: #00485a !important;
  // margin-top: 10px;
}

::v-deep .el-tree-node__label {
  background-color: #00485a;
  width: 100%;
  color: #fff !important;
}

// 取消旋转
::v-deep .el-tree .el-tree-node__expand-icon.expanded {
  -webkit-transform: rotate(0deg) !important;
  transform: rotate(0deg) !important;
}

::v-deep .el-tree .el-icon-caret-right:before {
  // font-family: "iconfont" !important;
  background: url('~@/assets/tree/treethree.png') no-repeat 0 3px;
  display: block;
  width: 24px;
  height: 24px;
  content: '';
  font-size: 18px;
  background-size: 18px;
  background-position: center;
}

::v-deep .el-tree .el-tree-node__expand-icon.expanded.el-icon-caret-right:before {
  // font-family: "iconfont " !important;
  background: url('~@/assets/tree/treeone.png') no-repeat 0 3px;
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  font-size: 18px;
  background-size: 18px;
  background-position: center;
}

::v-deep .el-tree .el-tree-node__expand-icon.is-leaf:before {
  // font-family: "iconfont " !important;
  background: url('~@/assets/tree/treetwo.png') no-repeat 0 3px;
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  font-size: 18px;
  background-size: 18px;
  background-position: center;
}

::v-deep .el-tree-node:focus .el-tree-node__content {
  background-color: transparent !important;

  .el-tree-node__label {
    color: #fff !important;
    background-color: transparent !important;
  }
}

// 树状图选中
::v-deep .el-tree-node:focus {
  background-color: #0cb28c !important;
}

::v-deep .el-tree-node__children .el-tree-node.is-current {
  background-color: #0cb28c !important;
}

::v-deep .el-tree-node__children .el-tree-node.is-current .el-tree-node__content {
  background-color: #0cb28c !important;
}

::v-deep .el-tree-node__children .el-tree-node.is-current .el-tree-node__content .el-tree-node__label {
  background-color: #0cb28c !important;
}

::v-deep .el-tree-node__children .el-tree-node__content {
  margin-left: 10%;
  width: 89%;
}

::v-deep .el-tree-node.is-expanded > .el-tree-node__children {
  display: block;
  margin-top: 0px;
}

::v-deep .el-tree-node {
  white-space: nowrap;
  outline: 0;
  background-color: #00485a;
  border: #2f8aa2 1px solid;
  margin-top: 10px;
}

::v-deep .el-tree-node__children .el-tree-node {
  margin-top: 0px !important;
}

// 隐藏滚动条
::v-deep .el-tree::-webkit-scrollbar {
  width: 0 !important;
}

// ::v-deep .el-tree-node .el-tree-node__content {
//   background-color: #024E66;
// }
// #024E66
// -----------------
// el-table样式
::v-deep .el-table {
  background-color: transparent;
  color: #fff;
  display: flex;
  flex-direction: column; //垂直排

  .el-table__body-wrapper {
    flex: 1; //表格高度自适应，因为flex布局的原因，会自动撑满
  }

  &::before {
    background-color: transparent;
  }

  &::after {
    width: 10px;
    background-color: transparent;
  }
}

::v-deep .el-table__empty-text {
  color: #fff;
  font-size: 18px;
}

::v-deep .el-table .el-table-column--selection > .cell {
  padding-right: 10px;
}

::v-deep .el-table th {
  background-color: #006e91;
}

::v-deep .el-table tr,
::v-deep .el-table--striped .el-table__body tr.el-table__row--striped td {
  background-color: transparent;
}

// 解决行无法铺满整个表格
::v-deep .el-table__body {
  height: 100%;
  width: 100%;
}

::v-deep .el-table th.gutter,
colgroup.gutter {
  width: 10px !important; //此处的宽度值，对应你自定义滚动条的宽度即可
}

// 解决竖线对不齐
::v-deep .el-table th.gutter {
  display: table-cell !important;
  // width: 60px !important;
}

::v-deep .el-table .el-table__header colgroup col[name='gutter'] {
  display: table-cell !important;
}

::v-deep .el-table td,
::v-deep .el-table th.is-leaf,
::v-deep .el-table--border,
::v-deep .el-table--group {
  border-left: 0;
  // margin-top: -0.5px;
  border-color: #78e3fd;
}

::v-deep .el-table--border {
  border: 1px solid #78e3fd;
}

::v-deep .el-table-column--selection {
  border-left: 1px solid #0091b7 !important;
}

::v-deep .el-table .el-table__row {
  background-color: transparent;
}

::v-deep .el-table .el-table__row--striped {
  background-color: #024f69;
}

::v-deep .el-table thead {
  color: #fff;
  font-weight: bold;
}

::v-deep .el-table td,
::v-deep .el-table th {
  text-align: center;
}

::v-deep .el-table__body-wrapper {
  height: 100%;
}

// 表格hover及选中样式
::v-deep .el-table tr:hover,
::v-deep .el-table--enable-row-hover .el-table__body tr:hover > td,
::v-deep .el-table--striped .el-table__body tr.el-table__row--striped.current-row td,
::v-deep .el-table__body tr.current-row > td {
  background-color: #19bbec;
}

// el-checkbox
::v-deep .el-checkbox .is-checked .el-checkbox__inner,
::v-deep .el-checkbox .is-indeterminate .el-checkbox__inner {
  background-color: #61aa47;
  border-color: #61aa47;
}

// el-form
::v-deep .el-form {
  .el-form-item {
    position: relative;
  }
  .el-form-item__label {
    color: #fff;
    white-space: nowrap;
    min-width: 120px;
    text-align: right;
  }
}

// el-loading-mask
::v-deep .el-loading-mask {
  background-color: transparent;
}

// el-date-editor
::v-deep .el-range-separator {
  color: #fff;
}

//进度条文字颜色
::v-deep .el-progress__text {
  color: #fff;
}

// 对话框样式
::v-deep .el-dialog {
  background-color: #f0f3f7;
  color: #333333;
  border-radius: 10px;
  // position: absolute;
  // top: 50%;
  // left: 50%;
  // transform: translate(-50%, -50%);

  .el-dialog__header {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #006e91;

    > span {
      min-height: 22px;
      display: inline-block;
    }

    .el-dialog__title {
      color: #fff;
    }

    .el-dialog__headerbtn .el-dialog__close {
      color: #fff;
    }
  }

  .el-dialog__body {
    color: #333333;

    .input-line {
      margin-left: 2.5%;
      width: 95%;
      height: 36px;
      line-height: 36px;
      display: flex;
      margin-bottom: 5px;

      .input-line-lab {
        width: 90px;
        white-space: nowrap;
      }

      .input-two-line {
        width: 50%;
        display: flex;
      }
    }

    .dialog-footer {
      width: 100%;
      display: flex;
      flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
      // border-top: 10px solid #bfbfbf;
      background-color: #f2f2f2;

      .el-button {
        margin-left: 10px;
      }

      .zh-button-one {
        background-color: #006e91;
        color: azure;
      }
    }

    ::v-deep .el-input--medium .el-input__inner {
      color: aqua !important;
    }
  }
}

::v-deep .input-line-input {
  width: calc(100% - 120px);
}

::v-deep .input-line-input .el-input__inner {
  width: 100%;
  color: rgb(81, 92, 92) !important;
}

::v-deep .dialog-footer .zh-button-one {
  border-color: #006e91;
  background-color: #fff;
  color: #006e91;
}

::v-deep .dialog-footer .zh-button-one:hover {
  background-color: #006f9128;
  border-color: #006e91;
  color: #006e91;
}

::v-deep .dialog-footer .zh-button-two {
  background-color: #006e91;
  color: #fff;
}

::v-deep .dialog-footer .zh-button-two:hover {
  background-color: #006f9128;
  border-color: #006e91;
  color: #06d4f8;
}

::v-deep .el-dialog__wrapper {
  margin-left: 210px;
  width: calc(100% - 210px);
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  // background-color: rgba(124, 143, 143, 0.6);
  // .el-dialog__wrapper{
  // position: absolute !important;

  // }
  .el-dialog {
    margin-top: 0vh !important;
    background-color: rgba(240, 243, 247, 1);
    // width: 55% !important;
    min-width: 55%;
    // max-height: 80vh;
    border: #000 1px solid;
    border-radius: 9px;
    overflow: hidden;
    color: #000;

    .el-dialog__header {
      width: 100%;
      background-color: rgba(0, 110, 145, 1);
      padding: 15px;
      line-height: normal;

      .el-dialog__title {
        font-weight: 700;
      }

      .el-dialog__close {
        font-size: 22px;
        color: #fff;
        font-weight: 700;
      }
    }

    .el-dialog__body {
      //overflow: hidden;
      max-height: calc(80vh - 15vh);
      height: calc(100% - 120px);
      overflow-y: auto;
      position: relative;

      .el-input.is-disabled .el-input__inner {
        background-color: #f5f7fa;
        border-color: #e4e7ed;
        color: #4b4b4b;
      }
      .el-textarea.is-disabled .el-textarea__inner {
        background-color: #f5f7fa;
        border-color: #e4e7ed;
        color: #4b4b4b;
      }
      .el-input__inner {
        color: #000;
        border-color: rgba(217, 217, 217, 1);
        background-color: rgba(255, 255, 255, 1);
      }

      .el-textarea__inner {
        color: #000;
        border-color: rgba(217, 217, 217, 1);
        background-color: rgba(255, 255, 255, 1);
      }

      .el-table:not(.equip-stading-book-table) {
        // max-height: 200px;
        // overflow-y: auto;
        background-color: transparent;

        .cell {
          color: #000;
        }

        th {
          background-color: rgba(230, 230, 230, 1);
        }

        th.is-leaf {
          border-color: rgba(77, 77, 77, 1);
        }

        td {
          border-color: rgba(77, 77, 77, 1);
        }

        tr:hover {
          background-color: rgba(177, 177, 177);
        }

        .el-table__empty-text {
          color: #000;
        }

        .current-row {
          // background-color: rgb(177, 177, 177);
          background-color: #dbdbdb !important;
        }

        .el-table__row--striped {
          background-color: rgba(255, 255, 255, 1);
        }
        .el-table__body tr.current-row > td {
          background-color: #dbdbdb !important;
        }
        // color: #000;
      }

      .el-table--border:not(.equip-stading-book-table) {
        border-color: rgba(77, 77, 77, 1);
        // border-top-left-radius: 8px;
        // border-top-right-radius: 8px;
      }

      .el-table--enable-row-hover:not(.equip-stading-book-table) .el-table__body tr:hover > td {
        background-color: rgb(177, 177, 177);
      }

      .el-form {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;

        .total-price {
          color: #000;
        }

        .el-row {
          width: 100%;
          margin-bottom: 10px;

          // .el-button {
          //   width: 100%;
          // }
          .el-form {
            // width: 100%;
            // margin: ;
            .el-form-item {
              margin-bottom: 0 !important;
            }

            .el-form-item__content {
              display: flex;
              width: 100%;

              .el-select {
                min-width: 15%;
              }

              .el-input {
                min-width: 10%;
              }

              .el-input__inner {
                border-right: none;
              }

              .el-button {
                min-width: 5%;
                margin-left: 10px;
              }
            }
          }
        }

        .el-form-item {
          display: flex;
          align-items: flex-start;

          .el-form-item__label {
            line-height: 36px;
            min-width: 120px;
            text-align: end;
          }

          .el-form-item__content {
            line-height: 36px;
            width: 100%;
            display: flex;
            // flex-direction: row;
            flex-wrap: wrap;
          }
        }
      }
    }

    .el-dialog__footer {
      width: 100%;
      border-top: 1px solid rgba(191, 191, 191, 1);
      position: relative !important;
      text-align: right;
      padding: 15px;
    }

    .el-form-item__label {
      color: #000;
      font-weight: 400;
      font-size: 16px;
    }
  }
}

.v-modal {
  position: absolute !important;
}
::v-deep .el-table-column--selection {
  border-left: 0 !important;
}
// ::v-deep .el-table__header-wrapper {
//   overflow: unset;
// }
